<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    
    
    <title>追光者的部落 | 种一棵树最好的时间是十年之前,其次是现在</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <meta name="keywords" content="">
    <link rel="shortcut icon" href="/img/favicon.ico">
    <link rel="stylesheet" href="/css/style.css?v=1.0.0">
    
    <script type="text/javascript">
        // Data Center
        var DC = {
            reward:	false,
            lv: JSON.parse('{"enable":false,"app_id":null,"app_key":null,"icon":true}'),
            v: JSON.parse('{"enable":true,"appid":"OCT05YTTqCrexJcyc5Ay0XXD-gzGzoHsz","appkey":"L6b0lDuLhBWOEUhEYmfA7g7C","notify":false,"verify":false,"placeholder":"suggest","avatar":"wavatar"}'),
            g: JSON.parse('{"enable":false,"lazy":true,"owner":"longmartin","repo":null,"oauth":{"client_id":null,"client_secret":null},"perPage":10}'),
            d: JSON.parse('{"app_id":null}')
        };
    </script>
    <script type="text/javascript">
        window.lazyScripts=[];
    </script>
    
</head>


<body>
    <div id="loading" class="active"></div>

    <aside id="menu"  >
  <div class="inner flex-row-vertical">
    <a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="menu-off">
        <i class="icon icon-lg icon-close"></i>
    </a>
    <div class="brand-wrap">
      
      <img src="/img/brand.jpg" class="brand-bg">
      
      <div class="brand">
        <a href="/" class="avatar waves-effect waves-circle waves-light">
          <img src="/img/avatar.jpg">
        </a>
        <hgroup class="introduce">
          <h5 class="nickname">Martin Long</h5>
          <a href="mailto:1156341485@qq.com" title="1156341485@qq.com" class="mail">
            
              <span>1</span>
            
              <span>1</span>
            
              <span>5</span>
            
              <span>6</span>
            
              <span>3</span>
            
              <span>4</span>
            
              <span>1</span>
            
              <span>4</span>
            
              <span>8</span>
            
              <span>5</span>
            
              <span>@</span>
            
              <span>q</span>
            
              <span>q</span>
            
              <span>.</span>
            
              <span>c</span>
            
              <span>o</span>
            
              <span>m</span>
            
          </a>
        </hgroup>
        
        <ul class="menu-link">
          
              <li>
                <a href="https://github.com/longmartin" target="_blank">
                  <i class="icon icon-lg icon-github"></i>
                </a>
              </li>
            
        </ul>
        
      </div>
    </div>
    <div class="scroll-wrap flex-col">
      <ul class="nav">
        
            <li class="">
              <a href="/"  >
                <i class="icon icon-lg icon-home"></i>
                HOME
              </a>
            </li>
        
            <li class="">
              <a href="/categories"  >
                <i class="icon icon-lg icon-th-list"></i>
                分类
              </a>
            </li>
        
            <li class="">
              <a href="/tags"  >
                <i class="icon icon-lg icon-tags"></i>
                标签
              </a>
            </li>
        
            <li class="">
              <a href="/archives"  >
                <i class="icon icon-lg icon-archives"></i>
                文档
              </a>
            </li>
        
            <li class="">
              <a href="https://github.com/longmartin" target="_blank" >
                <i class="icon icon-lg icon-github"></i>
                Github
              </a>
            </li>
        
            <li class="">
              <a href="https://www.jianshu.com/u/696184ca9e21" target="_blank" >
                <i class="icon icon-lg icon-link"></i>
                简书
              </a>
            </li>
        
      </ul>
    </div>
  </div>
</aside>

    <main id="main">
        
    <header class="top-header" id="header">
    <div class="flex-row clearfix">
        <a href="javascript:;" class="header-icon pull-left waves-effect waves-circle waves-light on" id="menu-toggle">
          <i class="icon icon-lg icon-navicon"></i>
        </a>
        <div class="flex-col header-title ellipsis">
            <span>追光者的部落</span>
            
            <span> - </span>
            <span class="header-description">种一棵树最好的时间是十年之前,其次是现在</span>
            
        </div>
        
        <a href="javascript:;" id="site_search_btn" class="header-icon pull-right waves-effect waves-circle waves-light">
            <i class="icon icon-lg icon-search"></i>
        </a>
        
    </div>
</header>
<header class="content-header index-header">
    <div class="container fade-scale">
        <h1 class="title">追光者的部落</h1>
        <h5 class="subtitle">
            
                种一棵树最好的时间是十年之前,其次是现在
            
        </h5>
        
    </div>
    

</header>

<div id="site_search">
    <div class="search-title clearfix">
        <span class="pull-left">
          <i class="icon icon-lg icon-search"></i>
        </span>
        <input type="text" id="local-search-input" name="q" results="0" placeholder="search my blog..." class="form-control pull-left"/>
        <a href="javascript:;" class="close pull-right waves-effect waves-circle waves-light">
          <i class="icon icon-lg icon-close"></i>
        </a>
    </div>
    <div id="local-search-result"></div>
</div>

    <div class="container body-wrap">
        <ul class="post-list">
        
            <li class="post-list-item fade">
                <article id="post-20180617-13"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/frontend/20180617-13.html">nodejs之pm2</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 09:27:14" datetime="2018-06-17T09:27:14.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/frontend/">大前端</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/frontend/20180617-13.html#comment">
            <span class="valine-comment-count" data-xid="/frontend/20180617-13.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        简介pm2 是一个带有负载均衡功能的Node应用的进程管理器.当你要把你的独立代码利用全部的服务器上的所有CPU,并保证进程永远都活着,0秒的重载, PM2可以作为完美的守护进程。
安装npm install -g pm2
pm2常用命令$ pm2 start app.js              # 启动app.js应用程序$ pm2 start app.js -i 4         ...
    
    <a href="/frontend/20180617-13.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javascript/">JavaScript</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/nodejs/">NodeJs</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-12"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/frontend/20180617-12.html">nodejs之追加内容到文件</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 09:27:01" datetime="2018-06-17T09:27:01.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/frontend/">大前端</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/frontend/20180617-12.html#comment">
            <span class="valine-comment-count" data-xid="/frontend/20180617-12.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        最近用node跑一个简单服务，需要不停地将请求的内容写日志，所以使用appendFile方法追加内容到文件里面var fs = require(&apos;fs&apos;);    var data = &apos;hello world&apos;;  fs.appendFile(&apos;./log.txt&apos;,data,&apos;utf8&apos;,function(e...
    
    <a href="/frontend/20180617-12.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javascript/">JavaScript</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/nodejs/">NodeJs</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-11"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/frontend/20180617-11.html">JavaScript中typeof的原理</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 09:26:46" datetime="2018-06-17T09:26:46.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/frontend/">大前端</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/frontend/20180617-11.html#comment">
            <span class="valine-comment-count" data-xid="/frontend/20180617-11.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        今天遇到别人提的一个问题，js中typeof的原理是什么，我只知道typeof null == &#39;object&#39;，但是对于具体原理还真的不清楚，后来找了一下资料，发现如此。

原理是这样的， 不同的对象在底层都表示为二进制， 在 JavaScript 中二进制前三位都为 0 的话会被判断为 object 类型， null 的二进制表示是全 0， 自然前三位也是 0， 所以执行...
    
    <a href="/frontend/20180617-11.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javascript/">JavaScript</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-10"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/frontend/20180617-10.html">javascript中检查对象是否存在环</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 09:26:30" datetime="2018-06-17T09:26:30.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/frontend/">大前端</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/frontend/20180617-10.html#comment">
            <span class="valine-comment-count" data-xid="/frontend/20180617-10.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        JavaScript中，为了保证代码健壮性，我们需要确认对象中不存在环，现在有2种方法检测js对象是否有环

方法一
function cycleDetector (obj) &#123;	console.log(arguments)  // 请添加代码    let result = false;    try &#123;        JSON.stringify(obj);    &...
    
    <a href="/frontend/20180617-10.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javascript/">JavaScript</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-9"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-9.html">nginx配置允许跨域</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 09:23:06" datetime="2018-06-17T09:23:06.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-9.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-9.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        nginx设置允许跨域add_header &apos;Access-Control-Allow-Origin&apos; &apos;*&apos;; #设置允许跨域add_header &apos;Access-Control-Allow-Credentials&apos; &apos;true&apos;; #设置跨域是否需要认证(此处可不需要)add_header &apos;Acc...
    
    <a href="/server/20180617-9.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/nginx/">Nginx</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/webserver/">Web服务器</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-8"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-8.html">Nginx之upstream负载均衡</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 09:22:50" datetime="2018-06-17T09:22:50.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-8.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-8.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        
1. 准备三台机器192.168.2.151        web服务器192.168.2.152        web服务器192.168.2.150        负载均衡服务器
2. 三台机器都配置,其中151,152作为web服务器，150作为负载均衡

ubuntu/debiansudo apt update -ysudo apt install nginx
centossudo...
    
    <a href="/server/20180617-8.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/nginx/">Nginx</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/webserver/">Web服务器</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-7"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-7.html">Nginx之alias与root</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 09:22:34" datetime="2018-06-17T09:22:34.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-7.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-7.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
         Nginx的location块中的root用法，大家应该都知道，就是用来映射路径用的，而alias也是用来映射路径用的，n那么这2者有什么区别呢？
先看root的用法location /request_path/image/ &#123;    root /local_path/image/;&#125;
当客户端请求 /request_path/image/123.jpg的时候，实际上是...
    
    <a href="/server/20180617-7.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/nginx/">Nginx</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/webserver/">Web服务器</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-6"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-6.html">服务器之负载均衡</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 09:22:07" datetime="2018-06-17T09:22:07.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-6.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-6.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        负载均衡所谓负载均衡，就是将任务分摊到多个操作单元上进行执行，因为多台服务器的承载能力各不相同，这可能体现在硬件配置、网络带宽的差异，也可能因为某台服务器身兼多职，我们所说的“均衡”，也就是希望所有服务器都不要过载，并且能够最大程度地发挥作用。下面谈谈目前流行的几种web负载均衡的策略。
一、HTTP重定向当用户发来请求的时候，Web服务器通过修改HTTP响应头中的Location标记来返回...
    
    <a href="/server/20180617-6.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/webserver/">Web服务器</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-5"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-5.html">Nginx中巧用return来测试</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 09:20:35" datetime="2018-06-17T09:20:35.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-5.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-5.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        最近用到一个项目部署到服务器上，发现在nginx上配置proxy_pass之后请求参数丢失了，查询了很久一直没找到原因，后来使用nginx中return，把参数打印出来，这样成功解决了问题。

返回状态码

nginx 配置如下：location = /test &#123;      return 403 ;&#125;
通过返回的页面为： 403 Forbidden 正常的403错误返回...
    
    <a href="/server/20180617-5.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/nginx/">Nginx</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/webserver/">Web服务器</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-4"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/frontend/20180617-4.html">比较Cookie Session localStorage sessionStorage之区别</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 09:13:42" datetime="2018-06-17T09:13:42.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/frontend/">大前端</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/frontend/20180617-4.html#comment">
            <span class="valine-comment-count" data-xid="/frontend/20180617-4.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        今天在做Vue的项目时，遇到一个关于存储数据list的问题，最初打算是放在Vuex中，但发现一旦刷新页面就消失了，必须重新请求。于是，我又想了下把list存储在cookie里，发现cookie又有大小限制，而放在localStorage中又会一直存在，必须手动清除，最后选择了sessionStorage中。发现原来还有这样的几种不同的方式，这里就对现有的cookie,session,loca...
    
    <a href="/frontend/20180617-4.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/html5/">HTML5</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javascript/">JavaScript</a></li></ul>

</div>


            </li>
        
        </ul>
        
<nav id="page-nav">
    <div class="inner">
    <a class="extend prev" rel="prev" href="/">上一页</a><a class="page-number" href="/">1</a><span class="page-number current">2</span><a class="page-number" href="/page/3/">3</a><a class="page-number" href="/page/4/">4</a><a class="extend next" rel="next" href="/page/3/">下一页</a>
    </div>
</nav>

    </div>

        <footer class="footer">
    
    <div class="bottom">
        <p>
            <span>
                Martin Long &copy; 2017 - 2018
            </span>
        		
           	
            
            
            <span>
	            Power by <a href="http://hexo.io/" target="_blank">Hexo</a> Theme <a href="https://github.com/codefine/hexo-theme-mellow" target="_blank">book</a>
            </span>
            
            
            
        </p>
    </div>
</footer>

    </main>
    <div class="mask" id="mask"></div>
<a href="javascript:;" id="gotop" class="waves-effect waves-circle waves-light"><span class="icon icon-lg icon-chevron-up"></span></a>



<div class="global-share" id="globalShare">
    <ul class="reset share-icons">
      
      <li>
        <a class="weixin share-sns wxFab" href="javascript:;" data-title="微信">
          <i class="icon icon-weixin"></i>
        </a>
      </li>
      
      <li>
        <a class="qq share-sns" target="_blank" href="http://connect.qq.com/widget/shareqq/index.html?url=http://blog.inbelieve.top/page/2/&title=追光者的部落&source=有些鸟儿天生是没办法被关在笼子里的,因为他的每一片羽毛都闪耀着自由的光辉" data-title=" QQ">
          <i class="icon icon-qq"></i>
        </a>
      </li>
      
    </ul>
 </div>


<div class="page-modal wx-share" id="wxShare">
    <a class="close" href="javascript:;"><i class="icon icon-close"></i></a>
    <p>扫一扫，分享到微信</p>
    <img src="" alt="微信分享二维码">
</div>


    
    <!-- main-js -->
<script type="text/javascript" src="//cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="/js/plugins/fastclick.js?v=1.0.0"></script>

<script type="text/javascript" src="https://cdn.bootcss.com/node-waves/0.7.4/waves.min.js"></script>

<script type="text/javascript" src="/js/method.js?v=1.0.0"></script>
<script type="text/javascript" src="/js/blog.js?v=1.0.0"></script>

<!-- third-party -->





<script type="text/javascript" src="/js/plugins/local_search.js?v=1.0.0"></script>
<script type="text/javascript">
	var search_path = "search.xml";
	if (search_path.length === 0) {
		search_path = "search.xml";
	}
	var path = "/" + search_path;
	searchFunc(path, "local-search-input", "local-search-result");
</script>



    
        <script type="text/javascript" src="https://cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script type="text/javascript" src="//unpkg.com/valine/dist/Valine.min.js"></script>
<script type="text/javascript" src="/js/plugins/valine.js?v=1.0.0"></script>
    
    







    <script>
    (function() {
        var OriginTitile = document.title, titleTime;
        document.addEventListener('visibilitychange', function() {
            if (document.hidden) {
                document.title = 'leaving！';
                clearTimeout(titleTime);
            } else {
                document.title = 'welcome!';
                titleTime = setTimeout(function() {
                    document.title = OriginTitile;
                },2000);
            }
        });
    })();
</script>




    
</body>
</html>
